<template>
    <div class="ReciteTest">

            <div v-for="(item,key) in items">
                <van-cell is-link to="/">
                    <div class="flex between aCenter">
                        <div>
                            <div class="PracticeTestTitle">{{item.title}}</div>
                            <div class="PracticeTestContent"><span>难度：{{item.difficulty}}</span><span class="quantity">总体{{item.quantity}}题</span></div>
                        </div>
                        <div class="integralShow flex jCenter aCenter" v-show="item.integralShow">{{item.integral}}积分可兑换</div>
                    </div>
                </van-cell>
            </div>



    </div>
</template>
<style scoped>
    .ReciteTest /deep/.van-cell__left-icon, .van-cell__right-icon{
        margin-top: 0.3rem;
    }
    .ReciteTest /deep/.van-cell{
        border-bottom: 1px solid #eeeeee;
    }
    .ReciteTest .PracticeTestTitle{
        font-size: 14px;
        font-weight: bold;
    }
    .ReciteTest .quantity{
        margin-left: 20px;
    }
    .ReciteTest .PracticeTestContent{
        color: #999999;
        font-size: 12px;
    }
    .ReciteTest .integralShow{
        width: 113px;
        height: 23px;
        border-radius: 20px;
        background-color: #ffd530;
        border: 1px solid #edb818;
        color: #dd9e03;
        font-size: 12px;
    }
</style>
<script>
    import { Cell, CellGroup } from 'vant';
    export default {
        data() {
            return {
                items:[
                    {
                        title:'2018年真题',
                        difficulty:'5.0',
                        quantity:'125',
                        integral:'1000',
                        integralShow:true,
                    },
                    {
                        title:'2017年真题',
                        difficulty:'7.0',
                        quantity:'105',
                        integral:'2000',
                        integralShow:false,
                    },
                    {
                        title:'2016年真题',
                        difficulty:'7.0',
                        quantity:'105',
                        integral:'2000',
                        integralShow:false,
                    },
                    {
                        title:'2015年真题',
                        difficulty:'7.0',
                        quantity:'105',
                        integral:'2000',
                        integralShow:false,
                    },
                    {
                        title:'2014年真题',
                        difficulty:'7.0',
                        quantity:'105',
                        integral:'1500',
                        integralShow:true,
                    },
                    {
                        title:'2013年真题',
                        difficulty:'7.0',
                        quantity:'105',
                        integral:'2000',
                        integralShow:false,
                    }
                ]
            }
        },
        components:{
            [Cell.name]:Cell,
            [CellGroup.name]:CellGroup
        }
    }
</script>